<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>원 그리</title>
	<script src="raphael/raphael.js" charset="UTF-8"></script>
	<script>
		function makePaper(el, width, height) {
			// 페이퍼 만들기
			// el = 엘리먼트, width = 가로 사이즈, height = 세로 사이즈
			this.paper = Raphael(el, width, height);
		}

		makePaper.prototype.makeCircle = function(x, y, radius) {
			// 페이퍼 아래 원 만들기
			// x = 중심의 x좌표, y = 중심의 y좌표, radius = 반지름
			this.paper.circle(x, y, radius);
		};

		window.onload = function() {
			var paper = new makePaper(document.getElementsByTagName('body')[0], 200, 200); // el, width, height
			paper.makeCircle(100, 100, 60); // x, y, radius
		}
	</script>
</head>
<body>
</body>
</html>